<template>
  <div class="jiaxiaohudong" >
  <el-container>
  <el-aside width="200px">
         <el-row class="tac">
    <el-col :span="12">
  
      <el-menu
        router
        default-active="2"
        class="el-menu-vertical-demo"
      >
        <el-sub-menu index="1">
          <template #title>
            <el-icon><Bell /></el-icon>
       
            <span>消息发布概况</span>
          </template>
            <el-menu-item index="1-1" route="/index/xiaoxitongji/publicinformation">消息发布概况</el-menu-item>
            <el-menu-item index="1-2" route="/index/xiaoxitongji/publiclist"> 消息发布列表 </el-menu-item>
            <el-menu-item index="1-3" route="/index/xiaoxitongji/School"> 学校月消息发布排行</el-menu-item>
            <el-menu-item index="1-4" route="/index/xiaoxitongji/Teacher"> 老师月消息发布排行 </el-menu-item>
        </el-sub-menu>
      </el-menu>
    </el-col>
   
  
 </el-row>
      </el-aside>
      <el-main> <router-view></router-view> </el-main>
    </el-container>

  </div>
</template>

<script setup>
/* import { useRouter } from 'vue-router';
var router = useRouter(); */

</script>

<style scoped>
.el-menu{
  width: 200px;
}
</style>